<script lang="ts" setup>
import { computed } from 'vue'
import { useRecommendHook } from '@/store/modules/recommend'
const recommendStore = useRecommendHook()

const banners = computed(() => recommendStore.banners)
</script>

<template>
  <el-carousel :interval="8000" type="card" height="195px">
    <el-carousel-item v-for="(item, index) in banners" :key="index">
      <img :src="item.imageUrl" alt="" />
    </el-carousel-item>
  </el-carousel>
</template>

<style lang="scss" scoped>
.el-carousel__item {
  border-radius: 14px;
}
</style>
